.container{
	width: 100vw;
	/* #ifdef MP-WEIXIN || APP-PLUS */
	height: 100vh;
	/* #endif */
	/* #ifdef H5 */
	height: calc(100vh - 44px);
	/* #endif */
	.top{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 616rpx;
		padding-top: 30rpx;
		background: linear-gradient(89deg, #F1F0FE 0%, #DCDAFF 100%);
		.activity{
			width: 100%;
			height: 53rpx;
			text-align: center;
			position: relative;
			image{
				width: 100%;
				height: 100%;
			}
			.text{
				position: absolute;
				z-index: 9;
				font-size: 26rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #323232;
				line-height: 53rpx;
				top: 0;
				width: 100%;
				text-align: center;
			}
		}
	}
	.goods_image{
		width: 434rpx;
		height: 331rpx;
	}
	.goods_name{
		padding: 10rpx 55rpx 0 55rpx;
		font-size: 38rpx;
		font-family: PingFang SC-Semibold, PingFang SC;
		font-weight: 600;
		color: #181818;
		width: 100%;
		text-align: center;
	}
	.name_text{
		display: flex;
		align-items: center;
		padding-top: 20rpx;
		.price{
			font-size: 36rpx;
			font-family: PingFang SC-Semibold, PingFang SC;
			font-weight: 600;
			color: #900CF3;
		}
		.other{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #202020;
			padding-left: 10rpx;
		}
		.stock{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #900CF3;
		}
		.sales{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #C797FF;
		}
	}
	.composite-container{
		width: 100%;
		background: #FFF;
		.materials-list-box{
			margin-top: 14rpx;
			width: 100%;
			padding: 30rpx 40rpx;
			font-family: PingFang SC-Semibold, PingFang SC;
			color: #181818;
			padding-bottom: 150rpx;
			.common-materials{
				width: 100%;
				text-align: center;
			}
			.mianTitle{
				font-size: 32rpx;
				font-weight: 600;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.line{
					width: 240rpx;
					height: 2rpx;
					background: #ECECEC;
				}
			}
			.subheading{
				height: 60rpx;
				line-height: 60rpx;
				font-weight: 400;
			}
			.materials-list{
				width: 100%;
				display: grid;
				grid-template-columns: repeat(3,202rpx);
				justify-content: space-between;
				
			}
		}
	}
	.bottom{
		position: fixed;
		z-index: 5;
		bottom: env(safe-area-inset-bottom);
		background: #FFF;
		width: 100%;
		height: 150rpx;
		padding: 10rpx 30rpx;
		.conflate-btn{
			text-align: center;
			width: 100%;
			height: 82rpx;
			line-height: 82rpx;
			background: linear-gradient(180deg, #900CF3 0%, #A833FB 68%, #AE3DFD 100%);
			color: #FFFFFF;
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
		}
	}

}